:root{--primary-color:#6a0dad;--secondary-color:#ff5722;--accent-color:#ffeb3b;--dark-color:#1a0033;--light-color:#f5e6ff;--purple-magic:#8a2be2;--mystery-blue:#4169e1;--golden-secret:#ffd700;--dark-enigma:#2f0a4a;--pink-surprise:#ff69b4;--green-riddle:#2e8b57}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--dark-color);color:var(--light-color);background-image:radial-gradient(circle at 10% 20%,rgb(255 94 247 / .1) 0%,transparent 20%),radial-gradient(circle at 90% 30%,rgb(94 255 147 / .1) 0%,transparent 20%),radial-gradient(circle at 50% 80%,rgb(94 158 255 / .1) 0%,transparent 20%);overflow-x:hidden}header{background:linear-gradient(135deg,var(--primary-color),var(--dark-color));padding:1rem;text-align:center;border-bottom:3px solid var(--accent-color);box-shadow:0 5px 15px rgb(0 0 0 / .5);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.prev-page-btn{background:var(--accent-color);color:var(--dark-color);border:none;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-weight:700;text-decoration:none;transition:all 0.3s}.prev-page-btn:hover{transform:scale(1.05);box-shadow:0 0 10px rgb(255 235 59 / .7)}header::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .1) 0%,transparent 70%);animation:shine 8s infinite linear}@keyframes shine{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--accent-color);text-shadow:0 0 10px rgb(255 235 59 / .7),0 0 20px rgb(255 235 59 / .5);position:relative;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{text-shadow:0 0 10px rgb(255 235 59 / .7),0 0 20px rgb(255 235 59 / .5)}to{text-shadow:0 0 15px rgb(255 235 59 / .9),0 0 25px rgb(255 235 59 / .7),0 0 30px rgb(255 235 59 / .5)}}.tagline{font-size:1.2rem;color:var(--light-color);margin-bottom:1rem}.main-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.mystery-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin:3rem 0}.mystery-box{background:rgb(106 13 173 / .3);border:2px solid var(--accent-color);border-radius:15px;padding:1.5rem;text-align:center;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .3);perspective:1000px}.mystery-box-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d}.mystery-box:hover .mystery-box-inner{transform:rotateY(10deg) rotateX(5deg)}.mystery-box.clicked .mystery-box-inner{transform:rotateY(180deg)}.mystery-box:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgb(0 0 0 / .4);background:rgb(106 13 173 / .5)}.mystery-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgb(255 255 255 / .1) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 3s infinite linear;opacity:0;transition:opacity 0.3s}.mystery-box:hover::before{opacity:1}@keyframes shimmer{0%{background-position:-100% -100%}100%{background-position:100% 100%}}.mystery-icon{font-size:3rem;margin-bottom:1rem;color:var(--accent-color)}.mystery-title{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-color)}.mystery-desc{font-size:1rem;margin-bottom:1rem}.secret-button{background:var(--secondary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:50px;cursor:pointer;transition:all 0.3s;font-weight:700;box-shadow:0 3px 6px rgb(0 0 0 / .3);text-decoration:none;display:inline-block}.secret-button:hover{transform:scale(1.05);box-shadow:0 5px 10px rgb(0 0 0 / .4)}.daily-riddle{background:rgb(255 87 34 / .2);border:2px dashed var(--accent-color);border-radius:15px;padding:2rem;margin:3rem 0;text-align:center;position:relative}.daily-riddle::after{content:"❓";position:absolute;top:-20px;left:-20px;font-size:3rem;transform:rotate(-20deg);z-index:-1}.riddle-question{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-color)}.riddle-answer{display:none;font-size:1.2rem;color:var(--light-color);margin-top:1rem;padding:.5rem;background:rgb(0 0 0 / .3);border-radius:5px}.treasure-hunt{background:rgb(255 235 59 / .1);border:2px dotted var(--accent-color);border-radius:15px;padding:2rem;margin:3rem 0;text-align:center}.treasure-map{width:100%;max-width:500px;margin:1rem auto;border:3px solid var(--primary-color);border-radius:10px;transition:all 0.5s}.treasure-map:hover{transform:rotate(5deg)}.hidden-clues{display:none;margin-top:1rem;padding:1rem;background:rgb(0 0 0 / .3);border-radius:10px}.clue-item{margin:.5rem 0;padding:.5rem;border-left:3px solid var(--secondary-color)}.surprise-section{text-align:center;margin:4rem 0;position:relative}.surprise-button{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all 0.3s;box-shadow:0 5px 15px rgb(0 0 0 / .3);position:relative;overflow:hidden}.surprise-button:hover{transform:scale(1.05);box-shadow:0 8px 20px rgb(0 0 0 / .4)}.surprise-button::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .3),transparent);transform:rotate(45deg);animation:buttonShine 3s infinite}@keyframes buttonShine{0%{left:-100%}100%{left:100%}}.surprise-content{display:none;margin-top:2rem;animation:fadeIn 1s}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.magic-tricks{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:3rem 0}.trick-card{background:rgb(255 87 34 / .1);border-radius:15px;padding:1.5rem;transition:all 0.3s;border:1px solid var(--secondary-color);position:relative;overflow:hidden}.trick-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .3)}.trick-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color))}.trick-title{font-size:1.3rem;color:var(--accent-color);margin-bottom:1rem}.trick-desc{margin-bottom:1rem}.secret-code{background:rgb(0 0 0 / .3);padding:2rem;border-radius:15px;margin:3rem 0;text-align:center;border:1px solid var(--primary-color)}.code-input{background:rgb(0 0 0 / .5);border:1px solid var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:5px;margin-right:.5rem;width:200px}.code-result{margin-top:1rem;font-size:1.2rem;min-height:30px}.floating-elements{position:fixed;pointer-events:none;z-index:100}.floating-element{position:absolute;opacity:.7;animation:float 10s infinite linear}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}@media (max-width:768px){h1{font-size:2rem}.mystery-boxes{grid-template-columns:1fr}.magic-tricks{grid-template-columns:1fr}}.easter-egg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);z-index:1000;justify-content:center;align-items:center;flex-direction:column;color:var(--accent-color);text-align:center;padding:2rem}.easter-egg h2{font-size:3rem;margin-bottom:2rem;color:var(--secondary-color)}.easter-egg p{font-size:1.5rem;margin-bottom:2rem;max-width:800px}.close-egg{background:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all 0.3s}.close-egg:hover{background:var(--secondary-color);transform:scale(1.05)}.confetti{position:absolute;width:10px;height:10px;background-color:var(--accent-color);opacity:0}.secret-tips{background:rgb(255 215 0 / .1);border-radius:20px;padding:2rem;margin:3rem 0;border:2px solid var(--pink-surprise);position:relative}.secret-tips::after{content:"✨";position:absolute;bottom:-20px;right:-20px;font-size:5rem;opacity:.2;z-index:-1}.tips-title{text-align:center;font-size:2rem;margin-bottom:1.5rem;color:var(--pink-surprise);text-shadow:1px 1px 2px rgb(0 0 0 / .5)}.tip-card{background:rgb(255 105 180 / .15);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;border-left:5px solid var(--pink-surprise);transition:all 0.3s}.tip-card:hover{transform:translateX(10px);box-shadow:5px 5px 15px rgb(0 0 0 / .3)}.tip-title{font-size:1.4rem;color:var(--golden-secret);margin-bottom:.5rem;display:flex;align-items:center}.tip-title::before{content:"🔍";margin-right:10px;font-size:1.2rem}.tip-content{font-size:1.1rem;line-height:1.6}.mystery-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);z-index:1000;justify-content:center;align-items:center;text-align:center;opacity:0;transition:opacity 0.5s ease}.mystery-popup.active{display:flex;opacity:1}.popup-content{background:var(--dark-enigma);padding:2rem;border-radius:15px;max-width:500px;width:90%;border:3px solid var(--accent-color);position:relative;transform:scale(.8);opacity:0;animation:popupAppear 0.5s forwards 0.3s;box-shadow:0 10px 25px rgb(0 0 0 / .6)}@keyframes popupAppear{to{transform:scale(1);opacity:1}}.close-popup{position:absolute;top:10px;right:10px;background:var(--secondary-color);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-weight:700;transition:all 0.3s;display:flex;justify-content:center;align-items:center;font-size:25px;line-height:25px}.close-popup:hover{transform:rotate(90deg) scale(1.1);background:#f33}.popup-icon{font-size:4rem;margin-bottom:1rem;color:var(--accent-color);animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.popup-title{font-size:2rem;margin-bottom:1rem;color:var(--accent-color);text-shadow:0 0 10px rgb(255 235 59 / .7)}.popup-message{font-size:1.2rem;margin-bottom:1.5rem;line-height:1.6}.fortune-wheel-container{position:relative;width:250px;height:250px;margin:2rem auto}.fortune-wheel{position:relative;width:100%;height:100%;border-radius:50%;box-shadow:0 0 20px rgb(0 0 0 / .3);overflow:hidden;transition:transform 5s cubic-bezier(.17,.67,.12,.99);transform:rotate(0deg)}.wheel-section{position:absolute;width:50%;height:50%;transform-origin:bottom right;transform:rotate(calc(60deg * var(--i)));left:0;top:0;clip-path:polygon(0 0,60% 0,100% 100%,0 60%);background:var(--clr);display:flex;align-items:center;justify-content:center}.wheel-section span{position:relative;transform:rotate(45deg);font-size:.9rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / .5)}.wheel-center{position:absolute;width:30px;height:30px;background:var(--dark-color);border:4px solid var(--accent-color);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.wheel-pointer{position:absolute;width:20px;height:30px;background:var(--secondary-color);clip-path:polygon(50% 100%,0 0,100% 0);top:-10px;left:50%;transform:translateX(-50%);z-index:20}@keyframes unlock{0%{transform:translateY(0) rotate(0deg)}20%{transform:translateY(-20px) rotate(-5deg)}40%{transform:translateY(0) rotate(5deg)}60%{transform:translateY(-10px) rotate(-3deg)}80%{transform:translateY(0) rotate(2deg)}100%{transform:translateY(0) rotate(0deg)}}.unlock-animation{animation:unlock 0.8s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.pulse{animation:pulse 2s infinite}.popup-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgb(255 255 255 / .2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{100%{left:100%}}.fortune-result{margin-top:1.5rem;padding:1rem;background:rgb(0 0 0 / .3);border-radius:10px;min-height:60px;display:flex;align-items:center;justify-content:center}.fortune-message{font-size:1.2rem;color:var(--accent-color)}.fortune-details{margin-top:.5rem;font-size:.9rem;color:var(--light-color)}@media (max-width:768px){h1{font-size:2rem;margin-top:.5rem}.tagline{font-size:1rem}header{flex-direction:column;padding:.5rem}.prev-page-btn{order:0;margin-bottom:.5rem;align-self:flex-start}.mystery-boxes{grid-template-columns:1fr;gap:1.5rem}.magic-tricks{grid-template-columns:1fr}.daily-riddle,.treasure-hunt,.secret-tips{padding:1.5rem;margin:2rem 0}.mystery-box{padding:1.2rem}.mystery-icon{font-size:2.5rem}.mystery-title{font-size:1.3rem}.secret-button{padding:.4rem .8rem;font-size:.9rem}.riddle-question{font-size:1.3rem}.tips-title{font-size:1.8rem}.tip-title{font-size:1.2rem}.tip-content{font-size:1rem}}@media (max-width:480px){h1{font-size:1.7rem}.tagline{font-size:.9rem}.mystery-box{padding:1rem}.daily-riddle,.treasure-hunt,.secret-tips{padding:1rem}.riddle-question{font-size:1.1rem}.tips-title{font-size:1.5rem}.popup-content{padding:1.5rem;width:95%}.popup-title{font-size:1.5rem}.popup-message{font-size:1rem}.fortune-wheel-container{width:200px;height:200px}.wheel-section span{font-size:.8rem}}@media (max-width:360px){h1{font-size:1.5rem}.mystery-title{font-size:1.2rem}.mystery-desc{font-size:.9rem}.secret-button{padding:.3rem .7rem;font-size:.8rem}.code-input{width:150px;padding:.4rem .8rem}.fortune-wheel-container{width:180px;height:180px}}footer{background:var(--primary-color);color:#fff;padding:3rem 4rem 1rem;margin-top:3rem}.footer-container{display:flex;flex-wrap:wrap;gap:4rem;margin-bottom:2rem;justify-content:space-between;max-width:1300px}.footer-column{flex:1 1 200px;min-width:250px;padding:0 15px;margin-bottom:1.5rem}.footer-column h3{font-size:clamp(1.1rem, 3vw, 1.3rem);margin-bottom:1.2rem;position:relative;padding-bottom:.5rem}.footer-column h3::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background:#fff;transition:var(--transition)}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.6rem}.footer-column ul li a{color:#dfe6e9;text-decoration:none;transition:var(--transition);font-size:clamp(0.85rem, 2.5vw, 0.95rem)}.footer-column ul li a:hover{color:#fff;padding-left:5px}.footer-column p{color:#dfe6e9;margin-bottom:1rem;font-size:clamp(0.85rem, 2.5vw, 0.95rem)}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .1)}.footer-bottom p{font-size:clamp(0.9rem, 2.5vw, 1rem)}.social-links{display:flex;gap:.8rem;margin-top:1rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgb(255 255 255 / .2);border-radius:50%;color:#fff;transition:var(--transition);font-size:1rem}.social-links a:hover{background:#fff;color:var(--primary-color);transform:translateY(-3px)}@media (max-width:576px){.footer-column{min-width:100%}footer{padding:3rem 0rem 1rem}}.logo-below-footer{width:100%;text-align:center;padding:0 15px;cursor:pointer}.logo-below-footer img{width:100%;height:100%;transition:var(--transition);object-fit:cover}.logo-below-footer img:hover{transform:translateY(-5px)}@media (max-width:768px){.logo-below-footer{margin:1.5rem 0}.logo-below-footer img{max-width:350px}}@media (max-width:480px){.logo-below-footer{margin:1rem 0}.logo-below-footer img{max-width:280px}}@media (max-width:350px){.logo-below-footer img{max-width:220px}}@media (min-width:992px){.logo-below-footer img{width:400px;height:100px}}@media (max-width:768px){.logo-below-footer img{width:350px;height:90px}}@media (max-width:400px){.logo-below-footer img{width:280px;height:70px}}@media (max-width:300px){.logo-below-footer img{width:220px;height:55px}}